@each $i in 0, 2, 4, 5, 10, 14, 15, 20 {
    .p-t-#{$i} {
        padding-top: #{$i * 2}rpx;
        box-sizing: border-box;
    }

    .p-r-#{$i} {
        padding-right: #{$i * 2}rpx;
        box-sizing: border-box;
    }

    .p-b-#{$i} {
        padding-bottom: #{$i * 2}rpx;
        box-sizing: border-box;
    }

    .p-l-#{$i} {
        padding-left: #{$i * 2}rpx;
        box-sizing: border-box;
    }
    .p-#{$i} {
        padding: #{$i * 2}rpx;
        box-sizing: border-box;
    }
}

@each $i in 0, 4, 5, 6, 8, 10, 15, 20 {
    .b-r-#{$i} {
        border-radius: #{$i * 2}rpx;
    }
}

@each $i in 0, 2, 4, 5, 8, 10, 15, 20 {
    .m-#{$i} {
        margin: #{$i * 2}rpx;
    }

    .m-t-#{$i} {
        margin-top: #{$i * 2}rpx !important;
    }

    .m-r-#{$i} {
        margin-right: #{$i * 2}rpx;
    }

    .m-b-#{$i} {
        margin-bottom: #{$i * 2}rpx;
    }

    .m-l-#{$i} {
        margin-left: #{$i * 2}rpx;
    }
}

@each $i in 0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 600, 700 {
    .m-h-#{$i} {
        min-height: #{$i * 2}rpx;
    }
    .m-w-#{$i} {
        min-width: #{$i * 2}rpx;
    }
}

@each $i in 0, 80, 90, 100 {
    .w#{$i} {
        width: #{$i + '%'};
    }
    .h#{$i} {
        height: #{$i + '%'};
    }
}
